
@extends('master/master_index')

@section('title')
    <title>首页</title>
@endsection

@section('content')
    <div class="con_top" id="container">
        <div class="top_div">
            <a href="{{url('topic')}}/topics=182" class="tc_a">
                <img title="微信开发好帮手" src="https://dn-phphub.qbox.me/uploads/images/201706/27/76/hwHM76sYbL.png">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=182">EasyWeChat</a>
                <p>微信开发好帮手</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=183" class="tc_a">
                <img title="用户邀请系统" src="https://i2.wp.com/wp.laravel-news.com/wp-content/uploads/2017/03/laravel-user-invitation.jpg?resize=2200,1125">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=183">用户邀请系统</a>
                <p>基于 Laravel 搭建，不一样的体验 </p>
            </div>
        </div>
        <div class="top_div">
            <a  href="{{url('topic')}}/topics=181" class="tc_a">
                <img title="模型工厂" src="https://dn-phphub.qbox.me/uploads/images/201704/09/5350/WrLYXfi4WR.jpg">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=181">Laravel 的模型工厂</a>
                <p>Laravel 5.1 之后新增了一个名为模型工厂的功能</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=184" class="tc_a">
                <img title="Sublime 插件" src="https://dn-phphub.qbox.me/uploads/images/201705/25/5350/jX9KDu58J8.png">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=184">Sublime 插件</a>
                <p>重度的 Sublime 使用患者请入</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=185" class="tc_a">
                <img title="Workflow for Laravel China" src="https://dn-phphub.qbox.me/uploads/banners/vY94ihUeEsvTXQ5sNWmH.png?imageView2/1/w/424/h/212">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=185">Workflow for Laravel China </a>
                <p>方便自己看最新精华内容，就用 Workflow 搞了这么个。</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=186" class="tc_a">
                <img title="中间表类型转换" src="https://dn-phphub.qbox.me/uploads/images/201707/06/5350/x3GV4SGt4a.png">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=186">中间表类型转换</a>
                <p>Laravel 5.5 新增了向中间表模型插入或者更新数据时对类型转换的支持。 </p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=187" class="tc_a">
                <img title="你最常用的扩展包" src="https://dn-phphub.qbox.me/uploads/images/201705/23/5350/h52eedAdvN.jpeg">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=187">你最常用的扩展包</a>
                <p>Laravel 扩展包推荐 哪个包是你在所有 Laravel 项目中都会安装的？</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=188" class="tc_a">
                <img title="检测颜值包" src="https://dn-phphub.qbox.me/uploads/banners/v7iXEpnnYauMEBegJb4Q.png?imageView2/1/w/424/h/212">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=188">检测颜值包</a>
                <p>最近的对比发现微软小冰的颜值检测比较科学</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=189" class="tc_a">
                <img title="在线作图神器" src="https://dn-phphub.qbox.me/uploads/banners/LN2gZDjnJvlSrccLXDri.jpg?imageView2/1/w/424/h/212">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=189">在线作图神器</a>
                <p>工具系列文章，旨在发掘有趣实用的工具</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=190" class="tc_a">
                <img title="IoC 服务容器" src="https://dn-phphub.qbox.me/uploads/banners/Ltw9l2xdkQX2gEv63sUG.jpg?imageView2/1/w/424/h/212">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=190">IoC 服务容器</a>
                <p>Laravel服务容器主要承担两个作用：绑定与解析</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=191" class="tc_a">
                <img title="创建自己的 Composer 库" src="https://dn-phphub.qbox.me/uploads/banners/YCkIqPrz6v8MV0keu4pW.png?imageView2/1/w/424/h/212">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=191">创建自己的 Composer 库</a>
                <p>Composer 是 PHP 的一个依赖管理工具。</p>
            </div>
        </div>
        <div class="top_div">
            <a href="{{url('topic')}}/topics=192" class="tc_a">
                <img title="Whoops 要回归啦！" src="https://dn-phphub.qbox.me/uploads/banners/fJ9945MnDAKH9TrWSXvA.png?imageView2/1/w/424/h/212">
            </a>
            <div class="tc_foot">
                <a href="{{url('topic')}}/topics=192">Whoops 要回归啦！</a>
                <p> Laravel 5.5 不是新功能也要知道</p>
            </div>
        </div>
    </div>
    <div class="topic">
        <div id="title">
            <p>社区精华帖&nbsp;<i class="Hui-iconfont" style="color:#E5B242;">&#xe6ce;</i></p>
        </div>
        <div id="topic_center">
            <ul>
                @foreach ($topics as $t)
                    <li>
                        <div class="avatar">
                            <a href="{{url('userCenter')}}/user={{$t->user_id}}"><img src="{{asset($t->profile['avatar'])}}" title="{{$t->user['username']}}"></a>
                        </div>
                        <div class="info">
                            <div>
                                <span>{{$t->tags[0]['tag_name']}}</span>
                                <a href="{{url('topic')}}/topics={{$t->id}}" title="{{$t->title}}">{{$t->title}}</a>
                            </div>
                            <a href="#">{{count($t->replies)}}&nbsp;回复</a>
                        </div>
                    </li>
                @endforeach
            </ul>
            <div id="look">
                <a href="{{url('section_list')}}/section=1">查看更多精彩帖子<i class="Hui-iconfont " id="look_i" style="color: #999999;">
                        &nbsp;&#xe67a;</i></a>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src='{{asset('home/js/jquery.sliphover.min.js')}}'></script>
    <script type="text/javascript">
        $(function(){
            $('#container').sliphover({});
        });
    </script>
@endsection